﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<link href="${pageContext.request.contextPath}/css/client/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/admin-all.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.22.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.8.22.custom.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/tip.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/layui/layui.all.js"></script>
    <script>
	function doclose(){
	  	document.getElementById("jfeerchar").style.display="none";
	}
    function jfeerchar(){
		if(document.getElementById("jfeerchar").style.display=="block"){
		    document.getElementById("jfeerchar").style.display="none";
		}else{
			document.getElementById("jfeerchar").style.display="block";
		}
	}
	function excel(){
		window.location.href= "exportInfo";
	}
    </script>
</head>
<body>
    <div></div>
    <div class="alert alert-info">当前位置<b class="tip"></b>查询界面<b class="tip"></b>客户贡献分析查询
    <div class="top_right" style="float:right;">
      <input type="button" value="导出报表" onclick="excel()"/>
      <input type="button" value="图形显示" onclick="jfeerchar();"/>
    </div>
    </div>

    <table class="table table-striped table-bordered table-condensed" id="list">
        <thead>
            <tr class="tr_detail">
                <td>订单编号 </td>
                <td>客户名称</td>
                <td>订单金额</td>
            </tr>
        </thead>
        <tbody>

        <c:forEach items="${pageInfo.list}" var="data" varStatus="status">
            <tr>
                <td><a>${data.order_id} </a></td>
                <td>${data.cus_name}</td>
                <td>${data.order_amount}</td>
            </tr>
        </c:forEach>


            <tr class="tr_pagenumber">
                <td colspan="100">
                    <div class="page_down">
                        <div class="page_down_dv1"> 共有<strong>${pageInfo.total} </strong> 条记录，当前第<strong> ${pageInfo.pageNum} </strong> 页，共 <strong>${pageInfo.pages}</strong> 页 </div>

                        <div class="page_down_dv2">
                            <ul>
                                <li>                   <!--首页-->
                                    <a href="javascript:void(0)" onclick="first()">
                                        <img src="${pageContext.request.contextPath}/images/main_54.gif" width="40" height="15" />
                                    </a>
                                </li>


                                <li>                  <!--上一页-->
                                    <a href="javascript:void(0)" onclick="pre()" >
                                        <img src="${pageContext.request.contextPath}/images/main_56.gif" width="40" height="15" />
                                    </a>
                                </li>

                                <li>                <!--下一页-->
                                    <a href="javascript:void(0)" onclick="next()" >
                                        <img src="${pageContext.request.contextPath}/images/main_58.gif" width="40" height="15" />
                                    </a>
                                </li>

                                <li>                <!--尾页-->
                                    <a href="javascript:void(0)" onclick="last()" >
                                        <img src="${pageContext.request.contextPath}/images/main_60.gif" width="40" height="15" />
                                    </a>
                                </li>

                                <li><span>转到</span></li>
                                <li>
                                    <input type="text" style=" width:25px;" id="pageNum" onblur="forwardTo()" />
                                </li>
                                <li><span>页</span></li>
                                <li>
                                    <a href="javascript:void(0)" onclick="forwardTo()">
                                        <img src="${pageContext.request.contextPath}/images/main_62.gif" width="26" height="15" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>


                </td>
            </tr>
        </tbody>
    </table>

    <div id="jfeerchar">
      <img src="${pageContext.request.contextPath}/images/client/bt_del.gif" class="doclose" onclick="doclose()"/>
      <div class="jfeerchar_left">
      <img src="${pageContext.request.contextPath}/images/03.jpg" width="500" height="350" class="jfimg" />
      </div>
      <div class="jfeerchar_right">
      <input type="button" value="查看饼状图"/></br>
      <input type="button" value="查看柱状图"/></br>
      <input type="button" value="查看折线图"/></div>
      </div>
      <div id="excel">
      <ul>
        <li><b class="tip"></b><a target="Conframe" href="#">导出本页</a></li>
        <li><b class="tip"></b><a target="Conframe" href="#">导出所有</a></li>
      </ul>
      </div>


    <!--pagehelper 分页 前台参数-->
    <script type="text/javascript">

        //首页
        function first() {
            var pageNum = ${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1;
            window.location.href = "reportInfo?pageNum="+pageNum;
        }

        //上一页
        function pre() {
            var pageNum = ${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1;
            window.location.href = "reportInfo?pageNum="+pageNum;
        }

        //下一页
        function next() {
            var pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages};
            window.location.href = "reportInfo?pageNum="+pageNum;
        }

        //尾页
        function last() {
            var pageNum=${pageInfo.pages};
            window.location.href = "reportInfo?pageNum="+pageNum;
        }

        //跳转
        function forwardTo() {
            var pageNum=$("#pageNum").val();
            if(pageNum.trim()=="" || (pageNum.trim()> ${pageInfo.pages} ) || (pageNum.trim() < 1) ){
                layer.alert("请输入正确的页码!")
            }else{
                window.location.href = "reportInfo?pageNum="+pageNum;
            }

        }
    </script>
</body>
</html>
